<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="../../css/index.css" />
	<script src="../../js/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/axios.min.js" type="text/javascript" charset="utf-8"></script>
	<!-- 引入样式 -->
	<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
	<!-- 引入组件库 -->
	<script src="https://unpkg.com/element-ui/lib/index.js"></script>
	<style type="text/css">
	</style>
</head>

<body class="">
	<div id="products">
		<el-carousel indicator-position="outside" height="590px" :autoplay="false">
			<el-carousel-item v-for="item in filterList" :key="item.id">
				<video id="videos" width="1000px" height="570px" :src="item" controls="controls" v-if='item'>
					您的浏览器不支持 video 标签。
				</video>
				<el-empty description="无可播放视频" style='height: 100%;' v-else></el-empty>
			</el-carousel-item>
		</el-carousel>

	</div>

	<script src="../../js/util.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var product = new Vue({
			el: "#products",
			data: {
				id: '',
				list: [
					{
						id: 'mzry',
						url: [
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/01 政务服务一网通办/01 免征园区—入学报名/大数据赋能零跑腿入学202110927.mp4',
						]
					},
					{
						id: 'zcql',
						url: [""]
					},
					{
						id: 'mzyq',
						url: [
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/01 政务服务一网通办/03 免征园区—单套制归档/自然人事项演示视频（以新生报名为例）20210927.mp4'
						]
					},
					{
						id: 'zhcg',
						url: [
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/02 城市治理一网统管/01 智慧城管-城市智慧运行管理/01 智慧城市运行管理中心20210927.mp4',
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/02 城市治理一网统管/01 智慧城管-城市智慧运行管理/02 无人机蓝藻识别20210927.mp4',
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/02 城市治理一网统管/01 智慧城管-城市智慧运行管理/03 机动车乱停放识别20210927.mp4',
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/02 城市治理一网统管/01 智慧城管-城市智慧运行管理/04 偷捕鱼识别20210927.mp4'
						]
					},
					{
						id: 'zhcg1',
						url: [
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/02 城市治理一网统管/02 智慧城管-应急实景智能管理/01 金鸡湖实景指挥20210927.mp4',
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/02 城市治理一网统管/02 智慧城管-应急实景智能管理/02 无人机实景标绘录屏20210927.mp4'
						]
					},
					{
						id: 'zhhb',
						url: ['']
					},
					{
						id: 'zhjt',
						url: [
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/02 城市治理一网统管/04 智慧交通—交通设备设施管理/设备设施管理系统系统去Logo 版本20210927.mp4'
						]
					},
					{
						id: 'szls',
						url: [
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/02 城市治理一网统管/05 数字孪生-城市公共信息平台/01 城市公共信息服务平台V1.020210927.mp4',
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/02 城市治理一网统管/05 数字孪生-城市公共信息平台/02 城市公共信息服务平台助力优化营商环境20210927.mp4'
						]
					},
					{
						id: 'zhjt2',
						url: [
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/02 城市治理一网统管/06 智慧交通-公交智能规划辅助/公交规划辅助场景视频20210927.mp4'
						]
					},
					{
						id: 'ansc',
						url: [
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/02 城市治理一网统管/07 安全生产-安全生产预警预测/安监系统数据上链1.320210927.mp4'
						]
					},
					{
						id: 'jjdn',
						url: [
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/03 经济发展一网提优/01 经济大脑/经济大脑录屏20210927.mp4'
						]
					},
					{
						id: 'kjsn',
						url: ['']
					},
					{
						id: 'ywtk',
						url: [
							'https://znzsmh.juhe.cn/scenesys/resource/01 一体化场景/04 政府运行一网协同/01 一网通看-园区政务公开/园区一网通看宣传片20210927.mp4'
						]
					},
				]
			},
			created() {
				this.id = sessionStorage.getItem('name');
			},
			mounted() {

			},
			methods: {

			},
			computed: {
				filterList() {
					return this.list.filter(el => el.id == this.id)[0].url
				}
			}
		})
	</script>
</body>

</html>